<template>
	<view class="cu-bar bg-white">
		<view class="action">
			<text class="cuIcon-locationfill text-gray"></text> 
			{{store.state.loc.city}}
		</view>
		<view class="content text-bold">
			<image class="logo" src="../static/img/logo.png" mode="heightFix"></image>
		</view>
		<view class="action text-grey">
			<text class="cuIcon-search"></text>
			<text class="cuIcon-sort"></text>
		</view>
	</view>
</template>

<script setup>
import {useStore} from 'vuex'
import { computed } from "vue";
const store = useStore()
// const city = computed(()=>{
// 	return store.state.loc.city
// })
store.dispatch('loc/cityInitAct')
</script>

<style lang="scss" scoped>
.cu-bar{
	position: sticky;
	top: 0;
	z-index: 3;
}
.logo{
	height: 30upx;
}
</style>